<template>
	<view class="car-item df-ac">
		<view class="">
			<image src="../static/imgs/uncheck.png" v-if="!check" mode="" class="check-icon"></image>
			<image src="../static/imgs/check.png" v-else mode="" class="check-icon"></image>
		</view>
		<view class="df">
			<image src="https://z3.ax1x.com/2021/08/08/f1ZaEd.jpg" class="pro-img" mode="aspectFill"></image>
			<view class="p-l-10 pr f1">
				<view class="c-333 fz24 mb-20">2020时尚新款夏季女装轻熟风气质穿搭洋气大码度假休闲连衣裙</view>
				<view class="fz18 c-ae mb-10">运费：包邮</view>
				<view class="c-000 fw-b fz24">¥65</view>
				
				<view class="num-add df-ac">
					<view class="num-op" @click="sub">-</view>
					<input type="number" v-model="num" class="input tac fz24">
					<view class="num-op" @click="add">+</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			good:{
				type:Object
			}
		},
		data() {
			return {
				check:false,
				num:0,
			};
		},
		methods:{
			add() {
				this.num++
			},
			sub() {
				if(this.num>0) {
					this.num--
				}
			}
		}
	}
</script>

<style lang="scss">
.car-item {
	margin-bottom: 40rpx;
	.check-icon {
		width: 36rpx;
		height: 36rpx;
		margin-right: 30rpx;
	}
	.pro-img {
		width: 160rpx;
		height: 160rpx;
		border-radius:7rpx;
	}
	
	
}
</style>
